{% extends "home/home.html" %}
{% load i18n %}

{% block head_title%}Subespecies{% endblock %}

{% block content %}

    <div id="content">
	  <!--Breadcrumb Part Start-->
      <div class="breadcrumb"> <a href="{% url 'catalog_base' %}">ESPECIES</a> &raquo; </div>
      <!--Breadcrumb Part End-->
      
       <h1>SUBESPECIES</h1>
       <h2>{{Specie.name}}</h2>
      
        {% for subspecie in Subspecies %}          
         <div class="product-list">
             <div>
               <div class="left">
                 <div class="image"><a href="{% url 'birds' Specie.id subspecie.id %}">
                     <img src="{{MEDIA_URL}}{{subspecie.image}}" title="" alt="" height="172" width="172"/></a></div>
                 <div class="name"><a href="{% url 'birds' Specie.id subspecie.id %}"><h3>{{subspecie.name}}</h3></a></div>
                 <div class="description"> {{subspecie.description}}</div>                                        
               </div>
             </div>
         </div>
        {% endfor %}          
      
     </div>
{% endblock %}